<!DOCTYPE html>
<html class="reftest-wait">
<title>Test transition from component-alpha layer to single-alpha layer</title>
<script type="text/javascript">
document.addEventListener("MozReftestInvalidate", function scrollOnePixelDown () {
  var scrollbox = document.getElementById("scrollbox");
  window.addEventListener("MozAfterPaint", function scrollDownAllTheWay() {
    window.removeEventListener("MozAfterPaint", arguments.callee, false);
    scrollbox.scrollTop = 1000;
    document.documentElement.className = "";
  }, false);
  scrollbox.scrollTop = 1; // activate scroll layer
}, false);
</script>
<style>
#scrollbox {
  margin: 20px;
  width: 300px;
  height: 400px;
  overflow-y: hidden;
  background: -moz-linear-gradient(#FFF, #FFF);
}

#inner {
  background-color: #000;
  margin-top: 10px;
  height: 5px;
  line-height: 5px;
  padding-bottom: 400px;
}
</style>

<div id="scrollbox">
  <div id="inner">
    Text
  </div>
</div>
